<!DOCTYPE html>
<html>

	<head>
		<title>平台主页</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta charset="utf-8">
		<meta name="keywords" content="" />

		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<script type="text/javascript">
		    function getyanzhengma(){
		    	var phone=$("#phonenumber").val();
		    	$.ajax({
		    		url:"/yanzhengma",
		    		async:true,
		    		data:{
		    		  "phonenumber":phone,
		    		},
		    		success:function(mes){
		    		  console.info(mes);
		    		  $("#yanzhengma").val(mes);
		    		}
		    	})
		    }
		
			function sendmessage(obj, second) {
				if(sendmessage) {
					getyanzhengma();
					countDown(obj, second)
				} else {
					alert("错误，虽然永远走不到这里！");
				}
			}

			function countDown(obj, second) {
				// 如果秒数还是大于0，则表示倒计时还没结束
				if(second >= 0) {
					// 获取默认按钮上的文字
					if(typeof buttonDefaultValue === 'undefined') {
						buttonDefaultValue = obj.defaultValue;
					}
					// 按钮置为不可点击状态
					obj.disabled = true;
					// 按钮里的内容呈现倒计时状态
					obj.value = buttonDefaultValue + '(' + second + ')';
					// 时间减一
					second--;
					// 一秒后重复执行
					setTimeout(function() {
						countDown(obj, second);
					}, 1000);
					// 否则，按钮重置为初始状态
				} else {
					// 按钮置未可点击状态
					obj.disabled = false;
					// 按钮里的内容恢复初始状态
					obj.value = buttonDefaultValue;
				}
			}
		</script>
		
		<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
		<link href="css/style.css" rel='stylesheet' type='text/css' />
		<link href="css/font-awesome.css" rel="stylesheet">
		<link href="http://fonts.googleapis.com/css?family=Merriweather+Sans:300,300i,400,400i,700,700i,800" rel="stylesheet">
		<link href="http://fonts.googleapis.com/css?family=Mallanna" rel="stylesheet">
		<link href="css2/style.css" rel='stylesheet' type='text/css' />
		<link href="css2/responsive.css" rel='stylesheet' type='text/css' />
		<style>
			.coach {
				cursor: pointer;
			}
			.myopt {
				font-size:0.8em;
			}
			.mysel{
				width: 305px !important;
				height: 40px !important;
				text-align: center !important;
    			text-align-last: center !important;
    			font-size:0.8em;
			}
		</style>

	</head>

	<body>
		<!--/top-bar-->
		<!--/top-bar-->
		<div class="row" style="margin-top: 56px;">
			<img src="images/banner1.jpg" alt=" " class="img-responsive" />

		</div>
		<div class="top_spl_courses">
			<div class="container">
				<h3 class="header_w3layouts_agile"><a href="#">Yoga场馆</a></h3>
				<div class="inner_sec_w3_agileinfo">
					<div class="mid_slider">
						<!-- banner -->
						<div id="myCarousel" class="carousel slide" data-ride="carousel">
							<!-- Indicators -->
							<ol class="carousel-indicators">
								<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
								<li data-target="#myCarousel" data-slide-to="1" class=""></li>
								<li data-target="#myCarousel" data-slide-to="2" class=""></li>
								<li data-target="#myCarousel" data-slide-to="3" class=""></li>
							</ol>
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="row">
										<div class="col-md-3 col-sm-3 col-xs-3 slidering">
											<div class="thumbnail">
												<img src="images/g1.jpg" alt="Image" style="max-width:100%;">
											</div>
											<h5>场馆1</h5>
										</div>
										<div class="col-md-3 col-sm-3 col-xs-3 slidering">
											<div class="thumbnail">
												<img src="images/g2.jpg" alt="Image" style="max-width:100%;">
											</div>
											<h5>场馆2</h5>
										</div>
										<div class="col-md-3 col-sm-3 col-xs-3 slidering">
											<div class="thumbnail">
												<img src="images/g3.jpg" alt="Image" style="max-width:100%;">
											</div>
											<h5>场馆3</h5>
										</div>
										<div class="col-md-3 col-sm-3 col-xs-3 slidering">
											<div class="thumbnail">
												<img src="images/g4.jpg" alt="Image" style="max-width:100%;">
											</div>
											<h5>场馆4</h5>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="row">
										<div class="col-md-3 col-sm-3 col-xs-3 slidering">
											<div class="thumbnail">
												<img src="images/g5.jpg" alt="Image" style="max-width:100%;">
											</div>
											<h5>场馆5</h5>
										</div>
										<div class="col-md-3 col-sm-3 col-xs-3 slidering">
											<div class="thumbnail">
												<img src="images/g6.jpg" alt="Image" style="max-width:100%;">
											</div>
											<h5>场馆6</h5>
										</div>
										<div class="col-md-3 col-sm-3 col-xs-3 slidering">
											<div class="thumbnail">
												<img src="images/g7.jpg" alt="Image" style="max-width:100%;">
											</div>
											<h5>场馆7</h5>
										</div>
										<div class="col-md-3 col-sm-3 col-xs-3 slidering">
											<div class="thumbnail">
												<img src="images/g1.jpg" alt="Image" style="max-width:100%;">
											</div>
											<h5>场馆8</h5>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="row">
										<div class="col-md-3 col-sm-3 col-xs-3 slidering">
											<div class="thumbnail">
												<img src="images/g1.jpg" alt="Image" style="max-width:100%;">
											</div>
											<h5>场馆1</h5>
										</div>
										<div class="col-md-3 col-sm-3 col-xs-3 slidering">
											<div class="thumbnail">
												<img src="images/g2.jpg" alt="Image" style="max-width:100%;">
											</div>
											<h5>场馆2</h5>
										</div>
										<div class="col-md-3 col-sm-3 col-xs-3 slidering">
											<div class="thumbnail">
												<img src="images/g3.jpg" alt="Image" style="max-width:100%;">
											</div>
											<h5>场馆3</h5>
										</div>
										<div class="col-md-3 col-sm-3 col-xs-3 slidering">
											<div class="thumbnail">
												<img src="images/g4.jpg" alt="Image" style="max-width:100%;">
											</div>
											<h5>场馆4</h5>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="row">
										<div class="col-md-3 col-sm-3 col-xs-3 slidering">
											<div class="thumbnail">
												<img src="images/g5.jpg" alt="Image" style="max-width:100%;">
											</div>
											<h5>场馆5</h5>
										</div>
										<div class="col-md-3 col-sm-3 col-xs-3 slidering">
											<div class="thumbnail">
												<img src="images/g6.jpg" alt="Image" style="max-width:100%;">
											</div>
											<h5>场馆6</h5>
										</div>
										<div class="col-md-3 col-sm-3 col-xs-3 slidering">
											<div class="thumbnail">
												<img src="images/g7.jpg" alt="Image" style="max-width:100%;">
											</div>
											<h5>场馆7</h5>
										</div>
										<div class="col-md-3 col-sm-3 col-xs-3 slidering">
											<div class="thumbnail">
												<img src="images/g1.jpg" alt="Image" style="max-width:100%;">
											</div>
											<h5>场馆8</h5>
										</div>
									</div>
								</div>
							</div>
							<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
								<span class="fa fa-chevron-left" aria-hidden="true"></span>
								<span class="sr-only">上一页</span>
							</a>
							<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
								<span class="fa fa-chevron-right" aria-hidden="true"></span>
								<span class="sr-only">下一页</span>
							</a>
							<!-- The Modal -->
						</div>
					</div>
					<!--//slider-->
				</div>
			</div>
		</div>
		<div class="top_spl_courses">
			<div class="container">
				<h3 class="header_w3layouts_agile"><a href="#">Yoga 教练</a></h3>
				<div class="inner_sec_w3_agileinfo">
					<ul class="timeline">
						<li class="one-tm coach">
							<div class="timeline-image">
								<img class="img-circle img-responsive" src="images/g2.jpg" alt="">
							</div>
							<div class="timeline-panel" data-aos="fade-left">
								<div class="timeline-heading">
									<h4>天府三街 </h4>
									<h5>06.00 - 08.00</h5>
									<h4 class="subheading">罗玉凤</h4>
								</div>
								<div class="timeline-body">
									<p class="text-muted">
										国家一级教练，擅长普拉提
									</p>
								</div>
							</div>
							<div class="line"></div>
						</li>
						<li class="timeline-inverted coach">
							<div class="timeline-image">
								<img class="img-circle img-responsive" src="images/g4.jpg" alt="">
							</div>
							<div class="timeline-panel t-m" data-aos="fade-right">
								<div class="timeline-heading">
									<h4>春熙路 </h4>
									<h5>07.00 - 08.00</h5>
									<h4 class="subheading">谢霆锋</h4>
								</div>
								<div class="timeline-body">
									<p class="text-muted">
										国家一级教练，擅长拜月式
									</p>
								</div>
							</div>
							<div class="line"></div>
						</li>
						<li class="coach">
							<div class="timeline-image">
								<img class="img-circle img-responsive" src="images/g3.jpg" alt="">
							</div>
							<div class="timeline-panel" data-aos="fade-left">
								<div class="timeline-heading">
									<h4>玉林北 </h4>
									<h5>07.00 - 08.00</h5>
									<h4 class="subheading">周星驰</h4>
								</div>
								<div class="timeline-body">
									<p class="text-muted">
										国家一级教练，声音甜美，性格温和
									</p>
								</div>
							</div>
							<div class="line"></div>
						</li>
						<li class="timeline-inverted coach">
							<div class="timeline-image">
								<img class="img-circle img-responsive" src="images/g5.jpg" alt="">
							</div>
							<div class="timeline-panel t-m" data-aos="fade-right">
								<div class="timeline-heading">
									<h4>桐梓林 </h4>
									<h5>07.00 - 08.00</h5>
									<h4 class="subheading">奥巴马</h4>
								</div>
								<div class="timeline-body">
									<p class="text-muted">
										国家二级教练，从事瑜伽多年，经验丰富
									</p>
								</div>
							</div>
							<div class="line"></div>
						</li>
						<li class="coach">
							<div class="timeline-image">
								<img class="img-circle img-responsive" src="images/g6.jpg" alt="">
							</div>
							<div class="timeline-panel" data-aos="fade-left">
								<div class="timeline-heading">
									<h4>银泰城 </h4>
									<h5>07.00 - 08.00</h5>
									<h4 class="subheading">马克龙</h4>
								</div>
								<div class="timeline-body">
									<p class="text-muted">
										国家二级教练
									</p>
								</div>
							</div>
						</li>
						<div classs="clearfix"></div>
					</ul>
				</div>
			</div>
		</div>
		<!--//timeline-->
		<!--/tesimonials-->
		<!-- bootstrap-modal-pop-up -->
		<div class="modal video-modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModal">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header_w3layouts_agile">
						Luscious
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					</div>
					<div class="modal-body">
						<img src="images/model.jpg" alt=" " class="img-responsive" />
						<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</p>
					</div>
				</div>
			</div>
		</div>
		<!-- //bootstrap-modal-pop-up -->
		<!--footer-->
		<footer class="contact-footer">
			<div class="bottom-social">
				<div class="container">
					<div class="col-md-8 botttom-nav-w3ls-agile">
						<ul class="f_links col-md-4" data-aos="zoom-in">
							<li>
								<a href="index.html">主页</a>
							</li>
							<li>
								<a href="about.html">寻找教练</a>
							</li>
							<li>
								<a href="services.html">瑜伽场馆</a>
							</li>
							<li>
								<a href="gallery.html">瑜伽展示</a>
							</li>
							<li>
								<a href="contact.html">联系我们</a>
							</li>
						</ul>
						<ul class="f_links col-md-4" data-aos="zoom-in">
							<li>
								<a href="index.html">话题</a>
							</li>
							<li>
								<a href="404.html">博客</a>
							</li>
							<li>
								<a href="404.html">特色</a>
							</li>
							<li>
								<a href="services.html">服务</a>
							</li>

						</ul>
						<ul class="f_links thrd col-md-4" data-aos="zoom-in">
							<li>
								<a href="index.html">话题</a>
							</li>
							<li>
								<a href="404.html">报错</a>
							</li>
							<li>
								<a href="app.html">手机APP</a>
							</li>

						</ul>
						<div class="clearfix"></div>
					</div>
					<div class="col-md-4 social-icons" data-aos="zoom-in">
						<h6>友情链接</h6>
						<a class="facebook" href="#">
							<span class="fa fa-facebook"></span>
						</a>
						<a class="twitter" href="#">
							<span class="fa fa-twitter"></span>
						</a>
						<a class="pinterest" href="#">
							<span class="fa fa-pinterest-p"></span>
						</a>
						<a class="linkedin" href="#">
							<span class="fa fa-linkedin"></span>
						</a>
					</div>
					<div class="clearfix"></div>

				</div>
			</div>
			<div class="copy">
				<h2 class="footer-logo">
				<a href="index.html">Woniu
					<span>woniu yoga platform</span>
				</a>
			</h2>
				<p>Copyright &copy; 2018.Company name All rights reserved.
					<a target="_blank" href="#">消息</a>
				</p>
				<div class="clearfix"></div>
			</div>
		</footer>
		<!--/footer -->
		<!-- Modal1 -->
		<div class="modal fade" id="myModal2" tabindex="-1" role="dialog">
			<div class="modal-dialog">
				<!-- Modal content-->
				<div class="modal-content">
					<div class="modal-header_w3layouts_agile">
						<button type="button" class="close" data-dismiss="modal">&times;</button>
						<div class="signin-form profile">
							<div class="login-m_page_img">
								<img src="images/model.jpg" alt=" " class="img-responsive" />
							</div>
							<div class="login-m_page">
<!--1登录11111111111111111111111111111111111111111111111111111111111111-->
								<h3 class="sign">登  录</h3>
								<div class="login-form">
									<form action="/login" method="get">
										<input type="text" name="name" placeholder="用户名/手机" required="">
										<input type="password" name="pwd" placeholder="密码" required="">
										<div class="tp">
											<input type="submit" value="登  录">
										</div>
									</form>
								</div>
								<div class="login-social-grids">
									<ul>
										<li>
											<a href="#">
												<i class="fa fa-facebook"></i>
											</a>
										</li>
										<li>
											<a href="#">
												<i class="fa fa-twitter"></i>
											</a>
										</li>
										<li>
											<a href="#">
												<i class="fa fa-rss"></i>
											</a>
										</li>
									</ul>
								</div>
								<p>
									<a href="#" data-toggle="modal" data-target="#myModal3"> 没有账号?点我注册</a>
								</p>
							</div>
							<div class="clearfix"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="modal fade" id="myModal3" tabindex="-1" role="dialog">
			<div class="modal-dialog">
				<!-- Modal content-->
				<div class="modal-content">
					<div class="modal-header_w3layouts_agile">
						<button type="button" class="close" data-dismiss="modal">&times;</button>
						<div class="signin-form profile">
							<div class="login-m_page_img">
								<img src="images/model.jpg" alt=" " class="img-responsive" />
							</div>
							<div class="login-m_page">
<!--注册11111111111111111111111111111111111111111111111111111111-->
								<h3 class="sign">注  册</h3>
								<div class="login-form">
									<form id="userform">
										<input type="text" name="uUsername" placeholder="请输入用户名" required="">
										<div class="row">
											<input type="text" name="uPhonenumber" placeholder="请输入手机号" required="" id="phonenumber">
										</div>
										<input type="password" name="uPwd" placeholder="请输入密码" id="password1" required="">
										<select class="mysel" type="text" name="uType" >
											<option class="myopt" value="1">学员注册</option>
											<option class="myopt" value="2">教练注册</option>
											<option class="myopt" value="3">场馆注册</option>
										</select>
										<div class="input-group">
								            <input type="text" name="yanzhengma" placeholder="请输入验证码" required="" style="width: 200px;">
								           <span class="input-group-btn">
						                        <input onclick="sendmessage(this,60);" type="button" value="发送短信" class="btn btn-danger"/>
						                    </span> 
										</div>
										<input type="hidden" name="syanzhengma" placeholder="后台的验证码" id="yanzhengma" required="">
										<input type="submit" value="注   册" onclick="tijiao()">
									</form>
								</div>
								<p>
									<a href="#"> 我已阅读条约，点击加入</a>
								</p>
							</div>
							<div class="clearfix"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- //Modal2 -->
		<!--头部社交导航栏-->
		<div class="row llheader">
			<header>

				<div class="container">
					<div class="header-data">
						<div class="logo">
						</div>
						<!--logo #cd-searchend-->
						<div class="search-bar">
						</div>
						<!--search-bar end-->
						<nav class="">
							<ul>
								<li>
									<a href="companies.html" title="">
										<span><img src="images2/icon2.png" alt=""></span>我的主页
									</a>
								</li>
								<li>
									<a href="companies.html" title="">
										<span><img src="images2/icon2.png" alt=""></span>附近学员
									</a>
								</li>
								<li>
									<a href="companies.html" title="">
										<span><img src="images2/icon2.png" alt=""></span>附近场馆
									</a>
								</li>
							</ul>
						</nav>
						<!--nav end-->
						<div class="menu-btn">
							<a href="#" title=""><i class="fa fa-bars"></i></a>
						</div>
						<!--menu-btn end-->
						<div class="user-account">
							<div class="user-info">
								<img src="images2/resources/user_unlog.png" alt="">
								<a href="#" title="" data-toggle="modal" data-target="#myModal2">请登录</a>
								<i class="la la-sort-down"></i>
							</div>
						</div>
					</div>
					<!--header-data end-->
				</div>
			</header>
		</div>
		<!--头部社交导航栏-->
		<!-- js -->
		<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
		<!-- //js -->
		<!-- password-script -->
		<script type="text/javascript">
			window.onload = function() {
			}
			function validatePassword() {
				var pass2 = document.getElementById("password2").value;
				var pass1 = document.getElementById("password1").value;
				if(pass1 != pass2){
				 document.getElementById("password2").setCustomValidity("Passwords Don't Match");
				}else{
					document.getElementById("password2").setCustomValidity('');
				}
				//empty string means no validation error
			}
		</script>
		<!-- //password-script -->
		<!-- /js files -->
		<link href='css/aos.css' rel='stylesheet prefetch' type="text/css" media="all" />
		<link href='css/aos-animation.css' rel='stylesheet prefetch' type="text/css" media="all" />
		<script src='js/aos.js'></script>
		<script src="js/aosindex.js"></script>
		<!-- //js files -->
		<!--search-bar-->
		<script src="js/main.js"></script>
		<script src="js/responsiveslides.min.js"></script>
		<script>
//			$(function() { 
//				$("#slider4").responsiveSlides({
//					auto: true,
//					pager: true,
//					nav: false,
//					speed: 1000,
//					namespace: "callbacks",
//					before: function() {
//						$('.events').append("<li>before event fired.</li>");
//					},
//					after: function() {
//						$('.events').append("<li>after event fired.</li>");
//					}
//				});
//			});
		</script>
		<!--//search-bar-->
		<!-- start-smoth-scrolling -->
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event) {
					event.preventDefault();
					$('html,body').animate({
						scrollTop: $(this.hash).offset().top
					}, 900);
				});
			});
		</script>
		<!-- start-smoth-scrolling -->
		<a href="#home" class="scroll" id="toTop" style="display: block;">
			<span id="toTopHover" style="opacity: 1;"> </span>
		</a>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js2/jquery.min.js"></script>
		<script type="text/javascript" src="js2/popper.js"></script>
		<script type="text/javascript" src="js2/bootstrap.min.js"></script>
		<script type="text/javascript" src="js2/jquery.mCustomScrollbar.js"></script>
		<script type="text/javascript" src="lib/slick/slick.min.js"></script>
		<script type="text/javascript" src="js2/scrollbar.js"></script>
		<script type="text/javascript" src="js2/script.js"></script>
		
		  <script  type="text/javascript">
          function tijiao(){
        	  $.ajax({
        		 url:"/reg",
        		 type:"post",
        		 data: $("#userform").serialize(),
        		 async:true,
        		 success:function(mes){
        			 console.info(mes);
        			 if(mes==0){
        				 alert("你的注册信息有错,账号为8位,密码为6位");
        			 }
        			 if(mes==1){
        				 alert("你输入的验证码有错");
        			 }
        			 if(mes==2){
        				 alert("该账号已经存在");
        			 }
        			 if(mes==3){
        				 alert("注册成功");
        			 }
        			 if(mes==4){
        				 alert("请输入验证码");
        			 }
        		 }
        	  })
          }
        </script>
	</body>

</html>